
import { getDocBySlug } from "@/lib/doc";
import Sidebar from "@/components/SideBar";
import DocsContent from "@/components/DocsContent";

export const metadata = {
    title: "Hi-Compass Tutorial",
    description: "",
};

export default async function Home() {

    const { frontMatter, mdxSource, headings } = await getDocBySlug("tutorial");

    return (
        <div className="flex flex-1 w-full">
            <Sidebar headings={headings} />
            <article className="prose prose-slate max-w-4xl mx-auto px-6 py-8">
                <DocsContent source={mdxSource} />
            </article>
        </div>
    );
}